// 获取操作对象
var from=document.querySelector(".form-horizontal")
// 获取当前表单中所有的表单元素
var input=document.querySelectorAll("input")
//获取表单中的按钮对象
var btn=document.querySelectorAll("button")
//获取输入框后面的span标签
var span=document.querySelectorAll("span")

var ll=false;
var ss=false;
var te=false;
var em=false;
// 账号：
input[1].onblur=function(){
    // 获取input框的值
    var val=this.value
    // 正则判断 
    var reg=/^[\u4e00-\u9fa5]{2,4}$/
    // 如果当前输入的值是正确的
    if(reg.test(val)){
      (async function(){
        var tex=await promiseAjax({
            url:'../php/zhuce1.php',
            datatype:`urse1=${val}`
        })
        // 如果获取的响应结果是2
        if(tex==2){
            // 开关
            ll=true
            // 显示对
            span[0].innerHTML="√"
        }else{
            ll=false
            span[0].innerHTML="该账号已存在，请重新注册"
        }
      })()
    }else{
        span[0].innerHTML="账号输入有误"
        ll=false
    }
}
// 密码
input[2].onblur=function(){
    var val=this.value
    var reg=/^\w{3,16}$/
    if(reg.test(val)){
        span[1].innerHTML="√"
        ss=true
    }else{
        span[1].innerHTML="密码输入错误"
        ss=false
    }
}
// 手机号码
input[3].onblur=function(){
    var val=this.value
    var reg=/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
    if(reg.test(val)){
        span[2].innerHTML="√"
        te=true
    }else{
        span[2].innerHTML="手机号码输入有误"
        te=false
    }
}
// 邮箱
input[4].onblur=function(){
    var val=this.value
    var reg=/^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
    if(reg.test(val)){
        span[3].innerHTML="√"
        em=true
    }else{
        span[3].innerHTML="邮箱输入格式有误"
        em=false
    }
}
// 注册
btn[0].onclick=function(){
    // 如果为对
    if(ll && ss && te && em){
        var urse=input[1].value
        var pass=input[2].value
        var tel=input[3].value
        var email=input[4].value
        // 请求数据库,存储数据
        ajax1({
            url:'../php/zhuce.php',
            datatype:`urse=${urse}&pass=${pass}&tel=${tel}&email=${email}`,
            success:function(dt){
                 //判断响应结果是否为1
                 if(dt==1){
                    alert("注册成功")
                    // location='../index/soye.html'
                }else{
                    alert("注册失败")
                }
            }
        })
        // 如果输入错误重新调用
    }else{
        input[1].onblur()
        input[2].onblur()
        input[3].onblur()
        input[4].onblur()
    }
 }